<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单练习1</title>
		<style type="text/css">
			body {

				height: 400px;
				background: url(image/1.jpg) repeat fixed center;
				
			}

			table {
				border: 1px;
				color: antiquewhite;
				margin-top: 50px;
			}
		</style>

	</head>
	<body>
		<!-- 使用from进行数据注册的信息收录 -->

		<form method="get">
			<table border="1" cellspacing="0" cellpadding="" align="center">
				<tr>
					<th colspan="2">表单注册</th>
				</tr>
				<tr>
					<td>用户名：</td>
					<td><input type="text" name="username" id="" value="" placeholder="请输入用户名" /></td>
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password" name="userpwd" id="" value="" placeholder="请输入用户密码" /></td>
				</tr>
				<tr>
					<td>确认密码：</td>
					<td><input type="password" name="reuserpwd" id="" value="" placeholder="请输入用户密码" /></td>
				</tr>
				<tr>
					<td>昵称：</td>
					<td><input type="text" name="" id="" value="" /></td>
				</tr>
				<tr>
					<td>邮箱：</td>
					<td><input type="email" name="" id="" value="" /></td>
				</tr>

				<tr>
					<td>性别：</td>
					<td>
						<input type="radio" name="sex" id="" value="1" />男
						<input type="radio" name="sex" id="" value="2" />女
					</td>
				</tr>
				<tr>
					<td>爱好：</td>
					<td><input type="checkbox" name="hobby" id="" value="1" />篮球
						<input type="checkbox" name="hobby" id="" value="2" />跳舞
						<input type="checkbox" name="hobby" id="" value="3" />唱歌
					</td>
				</tr>
				<tr>
					<td>城市：</td>
					<td>
						<select name="city" id="">
							<option value="1">北京</option>
							<option value="2">南京</option>
							<option value="3">东京</option>
							<option value="4">西京</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像：</td>
					<td>
						<input type="file" name="" id="" value="浏览" />

					</td>
				</tr>
				<tr>
					<td>验证码：</td>
					<td>
						<input type="text" name="" id="" value="" />
						<img src="image/2.jpg" width="20px">
						<button type="button">点我换一张</button>
					</td>
				</tr>
				<tr>
					<td>自我描述：</td>
					<td>
						<textarea rows="" cols="">
							请输入描述信息
						</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit"  value="提交" />
					    <input type="reset" value="重置" />
					</td>

				</tr>



			</table>
		</form>


		
	</body>
</html>
